blogger

cara membuat tombol hide dan show

bagaimana sich cara menbuat tombol hide dan show ya...???
sebenarnya cara nya sich gampang2 alias susah jg tuh...
yang pertama kita perlukan adalah code script dari tombol hide dan show tersebut..
dan di bawah ini adalah code script nya:

<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL SPOILER</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div><br /><div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"><br /><br />ISI NYA (Terserah anda)<br /><br /></div></div></div>

dan setelah anda mencopy dan pastekan script tersebut maka hasil nya akan seperti yang di bawah ini:

JUDUL SPOILER

ISI NYA (Terserah anda)

atau anda ingin model yang seperti ini..

<span class="fullpost"><br /><div><div style="margin-bottom: 2px;"><small style="color: rgb(204, 0, 0); font-weight: bold;"><span>TRIK </span>:</small><small style="font-weight: bold;"> </small><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div><br /><div style="border: 0px inset ; margin: 0px; padding: 3px;"><div style="display: none;"><br />isi nya terserah anda..</div>

hasil nya akan seperti ini:

TRIK :

isi nya terserah anda...

gimana sob... gampang kan,.
kalo dah da script kan semua nya dah gampang, betul kgk sob....
untuk keterangan nya dalam file doc silakan downloads di bawah, dan simpan lah dalam flashdisk anda,apa bila pingin masang tuh tombol kan kgk perlu ke web gua lg..sob.

downloads script